import React from 'react'
import './style.less'
import { Link } from 'react-router-dom'

export default class HotRecommend extends React.Component {
  render() {
    return(
      <div className='hot-recommend'>
        <h2>
          热门推荐
          <span>为您提供最优质的服务，享受生活的每一天</span>
        </h2>
        {/*热门推荐类型*/}
        <div className='hot-type'>
          <ul className='clear'>
            <li>
              <Link to='/daily'>
                <span>日常保洁</span>
              </Link>
            </li>
            <li>
              <Link to='/acarus'>
                <span>除螨保洁</span>
              </Link>
            </li>
            <li>
              <Link to='/lifeWay/搬家'>
                <span>宜居搬家</span>
              </Link>
            </li>
            <li>
              <Link to='/recharge'>
                <span>充值卡优惠</span>
              </Link>
            </li>
          </ul>
        </div>
      </div>
    )
  }
}
